草庐IT

Foundation 提醒框

全部标签

jquery - Zurb Foundation Accordion 嵌套在 Accordion 内部

我正在使用ZurbFoundation对于响应式网站。我想使用以下HTML结构将Accordion嵌套在Accordion中:FirstAccordionPanelTitleFirstAccordionPanelContentSecondAccordionPanelTitleSecondAccordionPanelContentParentAccordionPanelTitleChildAccordionPanelTitleChildAccordionPanelContent...看起来像这个设置,当父Accordion面板打开时,随后的子Accordion面板被打开(或者至少一些标志

html - 如何定位 Foundation Dropdown?

我的登录表单使用Foundation5.4.5下拉菜单,但问题是下拉菜单如下所示:我希望它像打开的那个一样,小块在右边,主体位置也很好这是我的HTML:HasDropdownThisisalinkThisisanotherYetanother 最佳答案 你有两个选择HasDropdown或者ThisisalinkThisisanotherYetanother两者都作为变通方法使用。但是,我明白您的意思:您希望下拉列表显示在链接的底部,但与右边框对齐。如果有人为此提出答案,我将不胜感激,因为基金会网站表明它可以通过某种未记录的方式实现

css - 我们可以将 Foundation 与 HTML5 样板一起使用吗?

我的客户希望我使用Foundation.我习惯了HTML5Boilerplate与960GridSystem.我只是想知道我可以将Foundation与H5BP一起使用吗?感谢您的指导。 最佳答案 如果Foundation可以与Bootstrap进行比较作为类似的框架,然后thisanswerH5BP开发人员可能会有用。要点:是的,你可以 关于css-我们可以将Foundation与HTML5样板一起使用吗?,我们在StackOverflow上找到一个类似的问题:

html - Zurb Foundation 6 视口(viewport)高度结束时的粘性开关状态 ".is-anchored .is-at-bottom"

尝试创建一个始终固定在网站顶部的菜单。遵循zurb.foundation的文档,但.sticky的行为总是出乎意料。或者也许我没有得到一些明显的信息?请在此处检查重建:http://codepen.io/mister-hansen/pen/wMgrPm如果网站向下滚动,并恰好达到初始视口(viewport)的高度,粘性插件会将元素.sticky从is-stuckis-at-top更改为:.is-anchored.is-at-bottom所以.sticky消失了。谢谢。更新文档的第一部分:foundation.zurb.com/sites/docs/sticky.html解释了所描述的行

html - 您如何使用 zurb foundation 设计表单文件字段的样式?

我正在尝试使用Rails为ZurbFoundation创建一个按钮来上传图片。我试过这个:不幸的是,它不起作用并创建了两个不同的按钮来让您选择图片。有什么我需要专门为文件字段做的吗? 最佳答案 我发现这个资源对设置inputtype="file"的样式很有帮助:http://www.quirksmode.org/dom/inputfile.html这是出了名的困难,但这本质上涉及将实际输入与应用了您的样式的假输入分层。使用以下CSS:div.file-inputs{position:relative;}div.hidden-inpu

javascript - 使用 jQuery/JavaScript 提醒特殊字符

如何在Javascript/jQuery警报中显示带有特殊字符(如€)的字符串?例如:我想显示一个带有“价格是10欧元”的消息框但是当我使用下面的代码时:alert("ThePriceis€10");消息框中显示的输出是"ThePriceis€10",我希望我的输出是"ThePriceis€10".有人可以帮我解决这个问题吗?提前致谢。 最佳答案 将其用作警报。对我来说很好。alert('ThePriceis\u20AC10');描述在这里:http://leftlogic.com/projects/entity

javascript - 页面加载后提醒

这是我的脚本:alert('');在这种情况下,弹出窗口在页面加载之前显示,但我希望它在页面完全加载后显示。在Html中它看起来像这样:但我不能在MVC中使用它,我的所有Web应用程序都有一个母版页 最佳答案 三种方式。第一种是将script标签放在页面底部:alert('');第二种方式是创建一个onload事件:window.onload=function(){//window.addEventListener('load',function(){...});(forNetscape)andwindow.attachEvent(

javascript - 基础工具提示 `without $(document).foundation();` 和 `modernizr`

我正在尝试初始化基础工具提示而不初始化所有内容(即$(document).foundation()),但我在这个简单的任务中失败了。我想知道(1)如何使用newFoundation.Tooltip而不是(2)我是否需要modernizr因为documentationinfoundationwebsite没有提到modernizr作为要求。我提到了modernizr,因为如果没有该工具提示,将不会显示任何样式或html。谢谢JSBin-->linktotallyusethem!">Hoverme$(document).ready(function(){newFoundation.Tool

html - 如何在 zurb 5 foundation 中制作 5 列行

我想在row中有5列,对于宽度小于480像素的小型设备屏幕只有1列。我是zurbfoundation的新手,仍在学习它。fiddle示例http://jsfiddle.net/V7TuY/1/这种东西用列好还是用列表好ulli 最佳答案 Thefoundationgridisbasedon12"units"perrow.在您的示例中,您有5与类medium-3和large-3=每行15个单位。Foundation将设法将前4个放入(4*3=12个单位),然后将第五个推到下面的行。适合您的5件元素的一个想法是给所有元素都赋予mediu

html - Foundation 5 off-canvas 设备全高

我正在使用Foundation'soff-canvasnavigation,尝试进行占据设备整个高度的导航。默认情况下,菜单选项的高度由所显示内容的高度决定。这意味着如果您的内容小于菜单项的高度,您的菜单项将不可见。我希望菜单和内容部分的高度都固定在设备的高度。仅在需要时滚动内容部分。将内容区域的高度和最小高度设置为100%似乎没有任何效果-仅使用固定高度,例如500px会改变高度-但这是不可缩放的。这是如何实现的?如果我给'.inner-wrap'一个固定的高度,整个事情就会调整。如何确保.inner-wrap占据设备的整个高度?Labellinklinklinkblahblahte